<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>知乎日报</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<link rel="stylesheet " type="text/css " href="css/globle.css " />
	<link rel="stylesheet " type="text/css " href="css/default.css " />
	<link rel="stylesheet " type="text/css " href="css/unusual.css " />
	<link rel="stylesheet " type="text/css " href="css/index.css " />
</head>

<body>
	<!-- 头部 -->
	<div class="pc">
	<div class="header clearfix">
		<div class="header_min">
			<a href="javascript:;" class="logo fl"></a>
			<a href="" class="fr"><span>浏览内容</span></a>
			<a href="download" class="app_download fr" ><span>APP下载</span></a>
		</div>
	</div>
	<div class="home">
		<div class="home_min">
			<div class="sample">
				<img src="./img/phone_sample.png" alt="">
			</div>
			<div class="wenan">
				<h2>每天三次 每次七分钟</h2>
				<p>在中国，资讯类移动应用的人均阅读时长是 5 分钟，而在知乎日报，这个数字是 21。</p>
				<div class="download">
					<div class="qr_code fl">
						<img src="./img/qr_top2.png" alt="">
					</div>
					<div class="phone_downloda">
						<ul>
							<li><i></i><a href="">IOS版</a></li>
							<li><i></i><a href="">Android版</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="show_list">
		<div class="show_header">
			<span class="show_1 fl">浏览内容</span>
			<span class="show_2 fr">最新内容</span>
		</div>
		<div class="show clearfix">
			<div class="row">
				<ul>
					<li><img src="https://pic3.zhimg.com/v2-373f0baf14420f175c831791cf3fb642.jpg" alt=""><p>自家能测出地沟油？别想了，高级质检员也检不出来</p></li>
					<li><img src="https://pic2.zhimg.com/v2-9724b2b25214b3c434475a6fe25e670d.jpg" alt=""><p>大误 · 请转给你身边的湖南同学</p></li>
					<li><img src="https://pic3.zhimg.com/v2-cc57dea1fb8a4330cb53fa7bc9c85c22.jpg" alt=""><p>如果康熙皇帝熟读现代经济学，大清会有怎样的命运？</p></li>
					<li><img src="https://pic4.zhimg.com/v2-b31e9141f78fa5667626619e4268bf77.jpg" alt=""><p>为什么我从来没承认法律，却要遵守法律？</p></li>
					<li><img src="https://pic3.zhimg.com/v2-e6966048fda027e6b5feaedd2327c896.jpg" alt=""><p>丧茶、佛系、乐评专列……想想去年刷屏了你朋友圈的都有什么？</p></li>
					<li><img src="https://pic3.zhimg.com/v2-7e05bcb27bf0ff71a8b5e102834cf2e6.jpg" alt=""><p>谁在摧毁俄罗斯体育？</p></li>
					<li><img src="https://pic1.zhimg.com/v2-284c467ef81f74d4e6bb34cf8bcfc59c.jpg" alt=""><p>今年 CES 上拜腾发布首款款概念车，这已经不是科幻是魔幻了……</p></li>
					<li><img src="https://pic4.zhimg.com/v2-48e26b8dc598ef03efe5533c0b0507e7.jpg" alt=""><p>为什么今年初这次流感这么严重，与以往比有什么不同？</p></li>
					<li><img src="https://pic4.zhimg.com/v2-21fd0c2e5f1d3173a664d5d1c09ddb43.jpg" alt=""><p>瞎扯 · 如何正确地吐槽</p></li>
					<li><img src="https://pic3.zhimg.com/v2-2733187234bbb69d37d0aa62e91bfef2.jpg" alt=""><p>小事 · 我只活到 30 岁</p></li>
				</ul>
			</div>
			<div class="row clearifx">
				<ul>
					<li><img src="https://pic3.zhimg.com/v2-dcfdd304decb1d157151d0d8493b34c6.jpg" alt=""><p>看了这部青春片想哭，是因为老了吗？</p></li>
					<li><img src="https://pic3.zhimg.com/v2-7020cb188c25ad120fb7fdff57dc98ca.jpg" alt=""><p>被性骚扰的北航女博士站了出来，你呢？其他人呢？</p></li>
					<li><img src="https://pic2.zhimg.com/v2-76438fe936b17d40b744eec033e837dd.jpg" alt=""><p>照片调成黑白色，调得合适很有质感，一旦调不好</p></li>
					<li><img src="https://pic1.zhimg.com/v2-315e3abdceeb25664fc32b9c5f26f480.jpg" alt=""><p>你够「高级」吗？来，让我看看你的眼</p></li>
					<li><img src="https://pic2.zhimg.com/v2-f33187d7cf341d7b016d4482642260e9.jpg" alt=""><p>你这种摘、戴隐形眼镜的手法，我非常担心</p></li>
					<li><img src="https://pic3.zhimg.com/v2-a55478e77820225ebdd2ac8c8cd6373a.jpg" alt=""><p>「对赌协议」听过很多次，却一直不懂这词是什么意思</p></li>
					<li><img src="https://pic4.zhimg.com/v2-8815a56bd47b782b14f77810b0258003.jpg" alt=""><p>长江口油船被撞失火：爆炸、毒气、凝析油泄露……无一不成灾难</p></li>
					<li><img src="https://pic3.zhimg.com/v2-e6b83bf4be18c62570e2868774d3728e.jpg" alt=""><p>大误 · 哪一个素数最孤独？</p></li>
					<li><img src="https://pic3.zhimg.com/v2-a61240307a7894fbee8cc8a860d53b36.jpg" alt=""><p>1 万奖金吸引 25 万人同时在线，王思聪投资的游戏会比「吃鸡」火？</p></li>
					<li><img src="https://pic1.zhimg.com/v2-1dca9709f406b66ad5e81d80454090c0.jpg" alt=""><p>4000 航班取消，22 人死亡：美国的「炸弹气旋」可把人吓坏了</p></li>
				</ul>
			</div>
			<div class="row row_3">
				<ul>
					<li><img src="https://pic2.zhimg.com/v2-e252a739886d48da1aa22b6de4bb4931.jpg" alt=""><p>40 岁的男人没有远方：意大利，芳华已逝</p></li>
					<li><img src="https://pic1.zhimg.com/v2-8f3248fe9edb3e565269e32362f28d10.jpg" alt=""><p>做了这款游戏后，G 胖也许再也不用数 3 了</p></li>
					<li><img src="https://pic3.zhimg.com/v2-57cdaeb797fa2f12b3eed2b78c060f7a.jpg" alt=""><p>30 年后，我们这代人会变成什么样？</p></li>
					<li><img src="https://pic3.zhimg.com/v2-7e829a0a26235ebd55453a37bcc07502.jpg" alt=""><p>起起伏伏的 2017，摔下行业风口的，可能和吹上去的一样多</p></li>
					<li><img src="https://pic3.zhimg.com/v2-1c03674cbc67846c825ab83c620dbcf2.jpg" alt=""><p>瞎扯 · 如何正确地吐槽</p></li>
					<li><img src="https://pic3.zhimg.com/v2-52035f80337cdc8d916c68f132a80536.jpg" alt=""><p>小事 · 只要你爱我一切都没问题</p></li>
					<li><img src="https://pic2.zhimg.com/v2-25b4f7d14c5bc11cc0b11c0776f17975.jpg" alt=""><p>为什么我们沉迷于《绝命毒师》？</p></li>
					<li><img src="https://pic2.zhimg.com/v2-75e65f63f8c6e66bddb77c362876d921.jpg" alt=""><p>恋爱或婚姻关系中一方骗钱，为啥法律上很难告其「诈骗」？</p></li>
					<li><img src="https://pic1.zhimg.com/v2-36b149011a80f758e4bf594f90580010.jpg" alt=""><p>创始人去世，妻子被判承担 2 亿债务合理吗？</p></li>
					<li><img src="https://pic2.zhimg.com/v2-373a328070616235a4a3d31faf6e2309.jpg" alt=""><p>懂了这几招，年会穿出高级感，日常生活更好看</p></li>
				</ul>
			</div>
		</div>
		<div class="read-more">
			<a href="http://daily.zhihu.com/">更多精彩内容可在知乎日报应用中查看</a>
		</div>
	</div>
	<div class="footer">
		<div class="foo_mar clearfix">
			<div class="banquan fl" >
			<p>知乎日报是一款拥有千万用户的资讯类客户端，每日提供来自知乎社区的精选问答，还有国内一流媒体的专栏特稿。</p>
			<p>主题日报包括动漫、设计、大公司、游戏、财经、电影、电子音乐、互联网安全等丰富内容，为业内人和资深爱好者推荐各领域最精彩文章，满足高质量阅读需求。</p>
			<p>在知乎日报，告别浮躁，重获阅读的愉悦。</p>
			<p class="copyright">© 2018 知乎</p>
		</div>
			<div class="eqcode_bot fr">
			<div class="img">
				<img src="./img/qr_top2.png" alt="">
			</div>
			<p>扫描下载客户端</p>
			
			</div>
		</div>
	</div>
</div>
    <div class="moble">
        <div class="moble_header clearfix">
            <div class="m_logo fl">
                <img src="http://static.daily.zhihu.com/img/app-logo.png" alt="" width="48px">
            </div>
            <div class="fl">
                <h4>知乎日报</h4>
                <p>每天三次,每次七分钟</p>
            </div>
            <div class="m_download fr">
                <a href="">安装</a>
            </div>
		</div>
		<div class="moble_main">
			<div class="m_sample">
				<img src=".\img\center_sample.png" alt="" width="360">
			</div>
			<div class="main_content">
				<p>知乎日报是一款拥有千万用户的资讯类客户端，每日提供来自知乎社区的精选问答，还有国内一流媒体的专栏特稿。</p>
				<p>主题日报包括动漫、设计、大公司、游戏、财经、电影、电子音乐、互联网安全等丰富内容，为业内人和资深爱好者推荐各领域最精彩文章，满足高质量阅读需求。</p>
				<p>在知乎日报，告别浮躁，重获阅读的愉悦</p>
				<p>推荐阅读：</p>
				<p><a href="javascript:;">「耳听为虚，眼见为实」别太相信了，没那么靠谱</a></p>
				<p><a href="javascript:;">高铁等一次人，后果可能有多严重？</a></p>
				<a href="" class="m_bottom_download">下载客户端</a>
			</div>
		</div>
    </div>

</body>

</html>
<script src='js/jquery.js'></script>
<!-- <script src='js/index.js'></script> -->
<script>
	document.querySelector(".moble")
	console.log()
	console.log(navigator)
	// document.body.appendChild()
	console.log(document.querySelector(".moble"))
	var u = navigator.userAgent;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
	if(isAndroid||isiOS){
		document.querySelector(".moble").style.display = "block"
		document.querySelector(".pc").style.display = "none"
	}else{
		document.querySelector(".moble").style.display = "none"
		document.querySelector(".pc").style.display = "block"
	}
</script>